<template>
  <el-form
    ref="dataForm"
    :rules="rules"
    :model="roadBase"
    label-position="left"
    label-width="90px"
    style="width: 300px; margin-left:50px;"
  >
    <el-form-item label="道路名称" prop="title">
      <el-input v-model="roadBase.roadName" />
    </el-form-item>
    <el-form-item label="通行方向" prop="title">
      <el-input v-model="roadBase.roadDirection" />
    </el-form-item>
    <el-form-item label="起点" prop="title">
      <el-input v-model="roadBase.startPoint" />
    </el-form-item>
    <el-form-item label="终点" prop="title">
      <el-input v-model="roadBase.endPoint" />
    </el-form-item>
    <el-form-item label="设计单位" prop="title">
      <el-input v-model="roadBase.designUnit" />
    </el-form-item>
    <el-form-item label="建造单位" prop="title">
      <el-input v-model="roadBase.constructionUnit" />
    </el-form-item>
    <el-form-item label="道路类型" prop="title">
      <el-select v-model="roadBase.roadTypeID" placeholder="请选择" prop="damageType" required>
        <el-option
          v-for="item in typeOption"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        />
      </el-select>
    </el-form-item>

  </el-form>
</template>

<script>
export default {
  name: 'SideWalk',
  props: { side: {
    type: Object,
    default() {
      return {}
    }
  }},
  data() {
    return {
      typeOption: [{
        value: '1',
        label: '快速路'
      }, {
        value: '2',
        label: '主干路'
      }, {
        value: '3',
        label: '广场'
      }, {
        value: '4',
        label: '商业繁华街道'
      }, {
        value: '5',
        label: '重要生产区道路'
      }, {
        value: '6',
        label: '外事活动路线'
      }, {
        value: '7',
        label: '游览路线'
      }, {
        value: '8',
        label: '次干路'
      }, {
        value: '9',
        label: '步行街'
      }, {
        value: '10',
        label: '支路中的商业街道'
      }, {
        value: '11',
        label: '其他支路'
      }]
    }
  }
}
</script>

<style scoped>

</style>
